<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta
	content='width=device-width, initial-scale=0.5, maximum-scale=1, user-scalable=no'
	name='viewport'>

<title>枝江农村供水工程 | 水质检测系统</title>

<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet"
	href="../css/waterQuality/bootstraptable/bootstrap-table.css" />
<link rel="stylesheet" href="../css/font-awesome.min.css"
	type="text/css" />
<link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
<link href="../css/time/css//bootstrap-datetimepicker.min.css"
	rel="stylesheet" media="screen">
<link rel="stylesheet" href="../css/systemManage/btn.css"
	type="text/css">
<!--  <link rel="stylesheet" href="../css/systemManage/form.css" type="text/css"> -->
<link rel="stylesheet" href="../css/systemManage/common.css"
	type="text/css">
<link rel="stylesheet"
	href="../css/systemManage/validationEngine.jquery.css" type="text/css">
<link rel="stylesheet" href="../css/systemManage/input-select.css"
	type="text/css">
<link rel="stylesheet"
	href="../css/systemManage/jquery.bigautocomplete.css" type="text/css" />

<link rel="stylesheet" href="../css/waterQuality/norm.css"
	type="text/css">
<!-- <link rel="stylesheet" href="../css/waterQuality/requireTable.css"
	type="text/css"> -->
<style>
.fixed-table-toolbar .bars,.fixed-table-toolbar .search,.fixed-table-toolbar .columns
	{
	margin-bottom: 0px;
}

.fixed-table-pagination {
	height: 40px;
}

.input-group-addon {
	background-color: #EBEBE4;
}
/* .pagination-info{position: absolute;}  */
</style>

<!-- js -->
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/bootstrap3.2.js"
	charset="UTF-8"></script>
<script type="text/javascript"
	src="../js/waterQuality/bootstraptable/bootstrap-table.js"></script>
<!-- 时间相关JS -->
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.min.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript"
	src="../css/time/js/bootstrap-clockpicker.min.js"></script>
<!-- 对话框js -->
<script type="text/javascript" src="../js/waterQuality/date.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="../js/waterQuality/base.js"
	charset="UTF-8"></script>
<!-- 验证js -->
<script type="text/javascript"
	src="../js/systemManage/jquery.validationEngine-zh_CN.js"></script>
<script type="text/javascript"
	src="../js/systemManage/jquery.validationEngine.js"></script>
<script type="text/javascript"
	src="../js/systemManage/jquery.bigautocomplete.js"></script>
<%-- <script type="text/javascript" src="../js/waterQuality/selectNorm.js"
	charset="UTF-8"></script> --%>
<script type="text/javascript" src="../js/waterQuality/dataRequire.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
</head>
<body class="skin-blue">
	<!-- header logo: style can be found in header.less -->
	<header> </header>
	<div class="wrapper row-offcanvas row-offcanvas-left">

		<!-- Right side column. Contains the navbar and content of the page -->
		<aside>

			<section>

				<div class="nav-tabs-custom">

					<div id="prompt" align="center">水质常规检测数据查询</div>

					<div id="inquire1" align="center">
						<!-- 时间查询 -->
						<div class="row">
							<div class="col-md-12" style="text-align: left;">
								<table>
									<tr id="">
										<td style="padding-left:20px">选择水厂：</td>
										<td><select 
											style="height:34px; width:240px;" id="waterplantId">

										</select>
										</td>

										<td id="type1" style="padding-left:30px">检测时间：</td>
										<%
											java.text.SimpleDateFormat formatter = new java.text.SimpleDateFormat(
													"yyyy-MM-dd HH:mm:ss");
											java.util.Date currentTimeDam = new java.util.Date();//得到当前系统时间
											String str_dateDam = formatter.format(currentTimeDam); //将日期时间格式化
											//out.println(str_date1);
										%>
										<td id="type2" style="padding-top:15px">
											<div class="form-group">
												<div class="input-group date form_date dateChoose"
													id="timeTableCanal" style="width:250px" data-date=""
													data-date-format="yyyy-mm-dd hh:ii:ss"
													data-link-field="timeBegin"
													data-link-format="yyyy-mm-dd hh:ii:ss">
													<input id="dataInTime" class="form-control" size="20"
														type="text" value="2016-01-01 00:00:00" readonly> <span
														class="input-group-addon"> <span
														class="glyphicon glyphicon-remove"></span> </span> <span
														class="input-group-addon"> <span
														class="glyphicon glyphicon-calendar"></span> </span>
												</div>
												<input id="timeBegin" type="hidden" value="2016-01-01 00:00:00" />

											</div>
										</td>
											<td>~</td>
											<td id="type2" style="padding-top:15px">
												<div class="form-group">
													<div class="input-group date form_date dateChoose"
														id="timeTableCanal" style="width:200px" data-date=""
														data-date-format="yyyy-mm-dd hh:ii:ss"
														data-link-field="timeEnd"
														data-link-format="yyyy-mm-dd hh:ii:ss">
														<input style="width:170px" id="dataInTime" class="form-control" size="20" type="text"
															id="time" value="<%=str_dateDam%>" readonly> <span
															class="input-group-addon"> <span
															class="glyphicon glyphicon-remove"></span> </span> <span
															class="input-group-addon"> <span
															class="glyphicon glyphicon-calendar"></span> </span>
													</div>
													<input type="hidden" id="timeEnd"
														value="<%=str_dateDam%>" />

												</div>
											</td>
											<td><button id="requireDataBotton" class="btn btn-default"
													style="margin-left:10px;">查询</button>
											</td>
										
									
									</tr>
								</table>
							</div>
							<!-- end col-md-12 -->
						</div>
						<!-- row -->

						<!-- <div class="noNormInfo" id="noNormInfo" style="display:none">
								<p>
									当前水厂未选择检测指标请先选择需要检测的指标&nbsp;<a href="./qualityNorm.jsp">确定</a>
							</div> -->

						<div id="inputNormData">
							<table data-toggle="table"
								style="white-space: nowrap;
								    text-align:center"
								data-cache="false" data-search="true" data-pagination="true"
								data-page-size="5" data-page-list="[5,10,20,50]"
								data-select-item-name="toolbar1" data-show-export="true"
								id="requireTable" class="table  table-bordered">
								<thead>
									<tr id="test">
										<!-- <th id="id" data-field="id" data-visible="false">ID</th> -->
										<th data-field="id" data-formatter="requireNormOperationButton"
											data-visible="false">操作</th>
										<th data-field="time" data-visible="false">检测时间</th>
										<th data-field="zdcgjq1" data-visible="false">总大肠菌群（MPN/100mL或CFU/100mL）</th>
										<th data-field="nrdcgjq1" data-visible="false">耐热大肠菌群（MPN/100mL或CFU/100mL）</th>
										<th data-field="dcaxsj1" data-visible="false">大肠埃希氏菌（MPN/100mL或CFU/100mL）</th>
										<th data-field="jlzs1" data-visible="false">菌落总数（CFU/mL）</th>
										<th data-field="shen1" data-visible="false">砷（mg/L）</th>
										<th data-field="ge1" data-visible="false">镉（mg/L）</th>
										<th data-field="gee1" data-visible="false">铬（六价，mg/L）</th>
										<th data-field="qian1" data-visible="false">铅（mg/L）</th>
										<th data-field="gong1" data-visible="false">汞（mg/L）</th>
										<th data-field="qi1" data-visible="false">硒（mg/L）</th>
										<th data-field="qhw1" data-visible="false">氰化物（mg/L）</th>
										<th data-field="fhw1" data-visible="false">氟化物（mg/L）</th>
										<th data-field="nsy1" data-visible="false">硝酸盐（以N计，mg/L）</th>
										<th data-field="sljw1" data-visible="false">三氯甲烷（mg/L）</th>
										<th data-field="slht1" data-visible="false">四氯化碳（mg/L）</th>
										<th data-field="xsy1" data-visible="false">溴酸盐（使用臭氧时，mg/L）</th>
										<th data-field="jq1" data-visible="false">甲醛（使用臭氧时，mg/L）</th>
										<th data-field="ylsy1" data-visible="false">亚氯酸盐（使用二氧化氯消毒时，mg/L）</th>
										<th data-field="lsy1" data-visible="false">氯酸盐（使用复合二氧化氯消毒时，mg/L）</th>
										<th data-field="sd1" data-visible="false">色度（铂钴色度单位）</th>
										<th data-field="hzd1" data-visible="false">浑浊度（NTU-散射浊度单位）</th>
										<th data-field="xhw1" data-visible="false">臭和味</th>
										<th data-field="rykjw1" data-visible="false">肉眼可见物</th>
										<th data-field="ph1" data-visible="false">pH （pH单位）</th>
										<th data-field="lv1" data-visible="false">铝（mg/L）</th>
										<th data-field="tie1" data-visible="false">铁（mg/L）</th>
										<th data-field="meng1" data-visible="false">锰（mg/L）</th>
										<th data-field="tong1" data-visible="false">铜（mg/L）</th>
										<th data-field="xin1" data-visible="false">锌（mg/L）</th>
										<th data-field="lhw1" data-visible="false">氯化物（mg/L）</th>
										<th data-field="liusy1" data-visible="false">硫酸盐（mg/L）</th>
										<th data-field="rjxzgt1" data-visible="false">溶解性总固体（mg/L）</th>
										<th data-field="zyd1" data-visible="false">总硬度(以CaCO3计，mg/L）</th>
										<th data-field="hyl1" data-visible="false">耗氧量（CODMn法，以O2计，mg/L）</th>
										<th data-field="hffl1" data-visible="false">挥发酚类（以苯酚计，mg/L）</th>
										<th data-field="ylzhcxdj1" data-visible="false">阴离子合成洗涤剂（mg/L）</th>
										<th data-field="zfsx11" data-visible="false">总α放射性（Bq/L）</th>
										<th data-field="zfsx21" data-visible="false">总β放射性（Bq/L）</th>
									</tr>
									<!-- <tr >
											<th   data-visible="false" data-field="zdcgjq1" >水源水</th><th data-visible="false"   data-field="zdcgjq2">出厂水</th><th  data-visible="false"   data-field="zdcgjq3">网管末梢水</th>
											<th  data-visible="false" data-field="nrdcgjq1">水源水</th><th  data-visible="false"   data-field="nrdcgjq2">出厂水</th><th  data-visible="false"   data-field="nrdcgjq3">网管末梢水</th>
											<th  data-visible="false" data-field="dcaxsj1">水源水</th><th  data-visible="false"   data-field="dcaxsj2">出厂水</th><th  data-visible="false"  data-field="dcaxsj3">网管末梢水</th>
											<th  data-visible="false"  data-field="jlzs1">水源水</th><th  data-visible="false"   data-field="jlzs2">出厂水</th><th  data-visible="false"   data-field="jlzs3">网管末梢水</th>
											<th  data-visible="false"  data-field="shen1">水源水</th><th  class="shen"   data-field="shen2">出厂水</th><th  class="shen"   data-field="shen3">网管末梢水</th>
											<th  data-visible="false" data-field="ge1">水源水</th><th  class="ge"   data-field="ge2">出厂水</th><th  class="ge"   data-field="ge3">网管末梢水</th>
											<th  data-visible="false"  data-field="gee1">水源水</th><th  class="gee"   data-field="gee2">出厂水</th><th  class="gee"   data-field="gee3">网管末梢水</th>
											<th  class="qian"   data-field="qian1">水源水</th><th  class="qian"   data-field="qian2">出厂水</th><th  class="qian"   data-field="qian3">网管末梢水</th>
											<th  class="gong"   data-field="gong1">水源水</th><th  class="gong"   data-field="gong2">出厂水</th><th  class="gong"   data-field="gong3">网管末梢水</th>
											<th  class="qi"   data-field="qi1">水源水</th><th  class="qi"   data-field="qi2">出厂水</th><th  class="qi"   data-field="qi3">网管末梢水</th>
											<th  class="qhw"   data-field="qhw1">水源水</th><th  class="qhw"   data-field="qhw2">出厂水</th><th  class="qhw"   data-field="qhw3">网管末梢水</th>
											<th  class="fhw"   data-field="fhw1">水源水</th><th  class="fhw"   data-field="fhw2">出厂水</th><th  class="fhw"   data-field="fhw3">网管末梢水</th>
											<th  class="nsy"   data-field="nsy1">水源水</th><th  class="nsy"   data-field="nsy2">出厂水</th><th  class="nsy"   data-field="nsy3">网管末梢水</th>
											<th  class="sljw"   data-field="sljw1">水源水</th><th  class="sljw"   data-field="sljw2">出厂水</th><th  class="sljw"   data-field="sljw3">网管末梢水</th>
											<th  class="slht"   data-field="slht1">水源水</th><th  class="slht"   data-field="slht2">出厂水</th><th  class="slht"   data-field="slht3">网管末梢水</th>
											<th  class="xsy"   data-field="xsy1">水源水</th><th  class="xsy"   data-field="xsy2">出厂水</th><th  class="xsy"   data-field="xsy3">网管末梢水</th>
											<th  class="jq"   data-field="jq1">水源水</th><th  class="jq"   data-field="jq2">出厂水</th><th  class="jq"   data-field="jq3">网管末梢水</th>
											<th  class="ylsy"   data-field="ylsy1">水源水</th><th  class="ylsy"   data-field="ylsy2">出厂水</th><th  class="ylsy"   data-field="ylsy3">网管末梢水</th>
											<th  class="lsy"   data-field="lsy1">水源水</th><th  class="lsy"   data-field="lsy2">出厂水</th><th  class="lsy"   data-field="lsy3">网管末梢水</th>
											<th  class="sd"   data-field="sd1">水源水</th><th  class="sd"   data-field="sd2">出厂水</th><th  class="sd"   data-field="sd3">网管末梢水</th>
											<th  class="hzd"   data-field="hzd1">水源水</th><th  class="hzd"   data-field="hzd2">出厂水</th><th  class="hzd"   data-field="hzd3">网管末梢水</th>
											<th  class="xhw"   data-field="xhw1">水源水</th><th  class="xhw"   data-field="xhw2">出厂水</th><th  class="xhw"   data-field="xhw3">网管末梢水</th>
											<th  class="rykjw"   data-field="rykjw1">水源水</th><th  class="rykjw"   data-field="rykjw2">出厂水</th><th  class="rykjw"   data-field="rykjw3">网管末梢水</th>
											<th  class="ph"   data-field="ph1">水源水</th><th  class="ph"   data-field="ph2">出厂水</th><th  class="ph"   data-field="ph3">网管末梢水</th>
											<th  class="lv"   data-field="lv1">水源水</th><th  class="lv"   data-field="lv2">出厂水</th><th  class="lv"   data-field="lv3">网管末梢水</th>
											<th  class="tie"   data-field="tie1">水源水</th><th  class="tie"   data-field="tie2">出厂水</th><th  class="tie"   data-field="tie3">网管末梢水</th>
											<th  class="meng"   data-field="meng1">水源水</th><th  class="meng"   data-field="meng2">出厂水</th><th  class="meng"   data-field="meng3">网管末梢水</th>
											<th  class="tong"   data-field="tong1">水源水</th><th  class="tong"   data-field="tong2">出厂水</th><th  class="tong"   data-field="tong3">网管末梢水</th>
											<th  class="xin"   data-field="xin1">水源水</th><th  class="xin"   data-field="xin2">出厂水</th><th  class="xin"   data-field="xin3">网管末梢水</th>
											<th  class="lhw"   data-field="lhw1">水源水</th><th  class="lhw"   data-field="lhw2">出厂水</th><th  class="lhw"   data-field="lhw3">网管末梢水</th>
											<th  class="liusy"   data-field="liusy1">水源水</th><th  class="liusy"   data-field="liusy2">出厂水</th><th  class="liusy"   data-field="liusy3">网管末梢水</th>
											<th  class="rjxzgt"   data-field="rjxzgt1">水源水</th><th  class="rjxzgt"   data-field="rjxzgt2">出厂水</th><th  class="rjxzgt"   data-field="rjxzgt3">网管末梢水</th>
											<th  class="zyd"   data-field="zyd1">水源水</th><th  class="zyd"   data-field="zyd2">出厂水</th><th  class="zyd"   data-field="zyd3">网管末梢水</th>
											<th  class="hyl"   data-field="hyl1">水源水</th><th  class="hyl"   data-field="hyl2">出厂水</th><th  class="hyl"   data-field="hyl3">网管末梢水</th>
											<th  class="hffl"   data-field="hffl1">水源水</th><th  class="hffl"   data-field="hffl2">出厂水</th><th  class="hffl"   data-field="hffl3">网管末梢水</th>
											<th  class="ylzhcxdj"   data-field="ylzhcxdj1">水源水</th><th  class="ylzhcxdj"   data-field="ylzhcxdj2">出厂水</th><th  class="ylzhcxdj"   data-field="ylzhcxdj3">网管末梢水</th>
											<th  class="zfsx1"   data-field="zfsx11">水源水</th><th  class="zfsx1"   data-field="zfsx12">出厂水</th><th  class="zfsx1"   data-field="zfsx13">网管末梢水</th>
											<th  class="zfsx2"   data-field="zfsx21">水源水</th><th  class="zfsx2"   data-field="zfsx22">出厂水</th><th  class="zfsx2"  data-field="zfsx23">网管末梢水</th> 
									</tr>-->
								</thead>

							</table>
						</div>

					</div>

				</div>


			</section>
			<!-- /.content -->
		</aside>
		<!-- /.right-side -->
	</div>
	<!-- ./wrapper -->


	<script type="text/javascript">
		jQuery(document).ready(function() {
			// jq("#test th").hide();	    
			getSelectOfWaterPlant("GetNormRequireData.action");
			//getDataList("GetNormRequireData.action");
			jq("#requireDataBotton").click(function() {
				//getDataList();			
				getDataList("GetNormRequireData.action");
			});
		});
	</script>

</body>
</html>